/* 主题系统适配文件 */
/* 确保主题切换的平滑过渡 */

/* 强制主题变量覆盖，确保Element Plus组件正确应用主题 */
.el-button--primary {
  background-color: var(--button-bg) !important;
  border-color: var(--button-bg) !important;
  color: var(--button-text) !important;
}

.el-button--primary:hover,
.el-button--primary:focus {
  background-color: var(--button-bg-hover) !important;
  border-color: var(--button-bg-hover) !important;
}

.el-input__wrapper {
  background-color: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

.el-input__wrapper:hover {
  border-color: var(--text-color-secondary) !important;
}

.el-input__wrapper.is-focus {
  border-color: var(--button-bg) !important;
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1) !important;
}

.el-input__inner {
  color: var(--text-color) !important;
}

.el-dropdown-menu {
  background-color: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

.el-dropdown-menu__item {
  color: var(--text-color) !important;
}

.el-dropdown-menu__item:hover {
  background-color: var(--card-bg-hover) !important;
  color: var(--text-color) !important;
}

.el-card {
  background-color: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-color) !important;
}

.el-dialog {
  background-color: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

.el-dialog__header {
  background-color: var(--bg-color-tertiary) !important;
  border-color: var(--border-color) !important;
}

.el-dialog__title {
  color: var(--text-color) !important;
}

.el-dialog__body {
  color: var(--text-color) !important;
}

.el-message-box {
  background-color: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

.el-message-box__title {
  color: var(--text-color) !important;
}

.el-message-box__content {
  color: var(--text-color) !important;
}

.el-message {
  border: none !important;
}

.el-message__content {
  color: var(--text-color) !important;
}

/* 确保深色模式下的背景色正确 */
.dark .el-dialog,
.dark .el-message-box,
.dark .el-card,
.dark .el-dropdown-menu {
  background-color: var(--card-bg) !important;
}

/* 确保浅色模式下的背景色正确 */
.light .el-dialog,
.light .el-message-box,
.light .el-card,
.light .el-dropdown-menu {
  background-color: var(--card-bg) !important;
}

/* 主题切换动画 */
* {
  transition: background-color 0.3s ease, 
              border-color 0.3s ease, 
              color 0.3s ease, 
              box-shadow 0.3s ease;
}

/* 确保主题变量正确应用 */
:root {
  color-scheme: light;
}

.dark {
  color-scheme: dark;
}

/* 针对auto模式的特殊处理 */
@media (prefers-color-scheme: dark) {
  :root:not(.light):not(.dark) {
    color-scheme: dark;
  }
}

@media (prefers-color-scheme: light) {
  :root:not(.light):not(.dark) {
    color-scheme: light;
  }
}